<tab [lists] = "subLists" [activeTab]="activeTabIndex" [tabClicked]="tabClicked" [change]="mustChange" (tabToggle)="tabToggle($event)"></tab>
<div class="segment-container" #f10Content (scroll)="scrollEvent($event, f10Content, el1, el2, el3)">
  <div class="segment sub-title-0" #el1>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[0].label}}</p>
    <div class="seg-body">
      <table-simple [data]="leadersInSource | async" [header]="leadersInHeader"></table-simple>
    </div>
  </div>
  <div class="segment sub-title-1" #el2>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[1].label}}</p>
    <div class="seg-body">
      <table-simple [data]="leaderstockaltersSource | async" [header]="leaderstockaltersHead"></table-simple>
    </div>
  </div>
  <div class="segment sub-title-2" #el3>
    <p class="segment-title"><span class="little-cube"></span>{{subLists[2].label}}</p>
    <div class="seg-body" class="min100">
      <table-simple [data]="leadersOutSource | async" [header]="leadersOutHeader"></table-simple>
    </div>
  </div>
  <!--<disclaimer></disclaimer>-->
</div>